<!-- <!DOCTYPE html> -->
<html>
	<head>
		<title>El soldado ROD.</title>
		<meta charset="utf-8">
		<script type="text/javascript" src="js/variables.js"></script>
		<script type="text/javascript" src="js/pantallas.js"></script>
		<script type="text/javascript" src="js/listeners.js"></script>
		<script type="text/javascript" src="js/rui.js"></script>
		<script type="text/javascript" src="js/pajaro.js"></script>
		<script type="text/javascript" src="js/juego.js"></script>
	</head>
	<body>
		<h1 style="text-align:center;">El soldado ROD.</h1>
		<div style="margin:auto;text-align:center;height:500px;overflow:hidden;">
			<canvas id="canvasFondo" width="800" height="400" style="position:relative;left:0;top:0;z-index:1;">				
				Su navegador no puede ejecutar este contenido.
			</canvas>
			<canvas id="canvasMovimiento" width="800" height="400" style="position:relative;left:0px;top:-400px;z-index:10;">
				Su navegador no puede ejecutar este contenido.
			</canvas>
			<canvas id="canvasFrente" width="800" height="400" style="position:relative;left:0px;top:-800px;z-index:20;background-image:url('imagenes/cargando.png');">
				Su navegador no puede ejecutar este contenido.
			</canvas>
			<div style="position:relative;top:-800px;font-size:14px;">
					<ul style="text-align:left;width:56%;margin-left:auto;margin-right:auto;">Control:
						<li>Flechas de dirección: movimiento del personaje, arriba, abajo, derecha, izquierda</li>
						<li>Barra espaciadora:
							<ul>
								<li>Mantener pulsada: arco cargado, apuntar con las flechas arriba y abajo</li>
								<li>Soltar: disparar arco</li>
							</ul>
						</li>
					</ul>
			<!-- 	<button onmousedown="botonIzquierda();" onmouseup="botonSinPulsar();"><img src="imagenes/boton_flecha_izq.png"/></button>
				<button onmousedown="botonDerecha();" onmouseup="botonSinPulsar();"><img src="imagenes/boton_flecha_der.png"/></button>
				<button onmousedown="botonArriba();" onmouseup="botonSinPulsar();"><img src="imagenes/boton_flecha_arriba.png"/></button>
				<button onmousedown="botonAbajo();" onmouseup="botonSinPulsar();"><img src="imagenes/boton_flecha_abajo.png"/></button>
			 -->
			</div>
		</div>
	</body>
</html>